﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title>ccform正在加载请稍候...</title>
    <script type="text/javascript" src="../Scripts/config.js"></script>
    <script type="text/javascript" src="../Scripts/bootstrap/js/jquery.min.js"></script>
    <script src="../../DataUser/JSLibData/MyFlowPublic.js" type="text/javascript"></script>
    <script src="../Comm/JS/Calendar/WdatePicker.js" type="text/javascript"></script>
    <link href="../Comm/JS/Calendar/skin/WdatePicker.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript" src="../Scripts/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../Scripts/bootstrap/js/jquery.cokie.min.js"></script>
    <script type="text/javascript" src="../Scripts/bootstrap/js/commonYangYH.js"></script>
    <script type="text/javascript" src="../Scripts/Cookie.js"></script>
    <script type="text/javascript" src="../Scripts/bootstrap/js/jquery.nav.js"></script>
    <script type="text/javascript" src="FrmGener.js"></script>
    <script type="text/javascript" src="FrmFool.js"></script>
    <script type="text/javascript" src="FrmFree.js"></script>

    <script type="text/javascript" src="MapExt2016.js"></script>
    <script type="text/javascript" src="../Comm/Gener.js"></script>
    <script type="text/javascript" src="../Scripts/QueryString2016.js"></script>
    <link href="../Scripts/bootstrap/css/bootstrap.css" rel="Stylesheet" />
    <script src="../Scripts/EasyUIUtility.js" type="text/javascript"></script>

    <link href="../Scripts/bootstrap/css/font-awesome.css" rel="Stylesheet" />
    <link rel="stylesheet" href="../Scripts/bootstrap/css/css.css" type="text/css" media="all" />
    <!--下拉框多选-->
    <link href="../Scripts/bootstrap/bootstrap-select-1.12.4/css/bootstrap-select.css" rel="stylesheet" />
    <script src="../Scripts/bootstrap/bootstrap-select-1.12.4/js/bootstrap-select.min.js"></script>
    <!-- 该文件可以被集成厂商自己定义风格,可以自己修改,以达到流程设计器与自己的系统风格统一. -->
    <link href="../../DataUser/Style/ccbpm.css" rel="Stylesheet" />
    <script src="../Scripts/jBox/jquery.jBox-2.3.min.js" type="text/javascript"></script>
    <link href="../Scripts/jBox/Skins/Blue/jbox.css" rel="stylesheet" type="text/css" />

    <!--UEditor-->
    <link href="../Comm/umeditor1.2.3-utf8/themes/default/css/umeditor.css" type="text/css" rel="stylesheet">
    <script type="text/javascript" src="../Comm/umeditor1.2.3-utf8/third-party/template.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="../Comm/umeditor1.2.3-utf8/umeditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="../Comm/umeditor1.2.3-utf8/umeditor.min.js"></script>
    <script type="text/javascript" src="../Comm/umeditor1.2.3-utf8/lang/zh-cn/zh-cn.js"></script>
    <!--UmEditor-->
    <style type="text/css">
        h1{
            font-family: "微软雅黑";
            font-weight: normal;
        }
        .btn {
            display: inline-block;
            *display: inline;
            padding: 4px 12px;
            margin-bottom: 0;
            *margin-left: .3em;
            font-size: 14px;
            line-height: 20px;
            color: #333333;
            text-align: center;
            /* text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);*/
            vertical-align: middle;
            cursor: pointer;
            background-color: #f5f5f5;
            *background-color: #e6e6e6;
            background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
            background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
            background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
            background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
            background-repeat: repeat-x;
            border: 1px solid #cccccc;
            *border: 0;
            border-color: #e6e6e6 #e6e6e6 #bfbfbf;
            border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
            border-bottom-color: #b3b3b3;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
            *zoom: 1;
            -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
            -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        }

        .btn:hover,
        .btn:focus,
        .btn:active,
        .btn.active,
        .btn.disabled,
        .btn[disabled] {
            color: #333333;
            background-color: #e6e6e6;
            *background-color: #d9d9d9;
        }

        .btn:active,
        .btn.active {
            background-color: #cccccc;
        }

        .btn:first-child {
            *margin-left: 0;
        }

        .btn:hover,
        .btn:focus {
            color: #333333;
            text-decoration: none;
            background-position: 0 -15px;
            -webkit-transition: background-position 0.1s linear;
            -moz-transition: background-position 0.1s linear;
            -o-transition: background-position 0.1s linear;
            transition: background-position 0.1s linear;
        }

        .btn:focus {
            outline: thin dotted #333;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px;
        }

        .btn.active,
        .btn:active {
            background-image: none;
            outline: 0;
            -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
            -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
            box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
        }

        .btn.disabled,
        .btn[disabled] {
            cursor: default;
            background-image: none;
            opacity: 0.65;
            filter: alpha(opacity=65);
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }
    </style>

    <style type="text/css">
        body {
            padding: 0px;
            margin: 0px;
        }

        .nav > li > a {
            padding: 6px 13px;
        }

            .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav > li > a:hover, .nav > li > a:focus {
                border-radius: 10px 10px 0px 0px;
            }

        .errorInput {
            border: 1px red solid !important;
        }

        li.scrollNav.active a {
            background: url(Scripts/bootstrap/css/img/back.png) no-repeat;
        }

        #nav li {
            height: 110px;
        }

            #nav li a > div {
                width: 25px;
                height: 25px;
                border-radius: 50%;
                background: #CDD2D8;
                line-height: 25px !important;
                text-align: center;
                color: #fff;
                font: bold 15px "微软雅黑";
                margin: 0px auto;
                margin-bottom: 10px;
            }

            #nav li > a {
                color: #333;
                height: 110px;
                overflow: hidden;
                text-align: center;
                background: none;
                font: bold 14px "微软雅黑";
            }

                #nav li > a p {
                    color: #2884fa;
                    font: normal 12px '微软雅黑';
                }

        #nav .current a {
            margin: 0px;
            color: #333;
            background: none;
            box-shadow: none;
        }

            #nav .current a > div {
                width: 30px;
                height: 30px;
                line-height: 30px !important;
                background: #7E8DF9;
                font: bold 18px "微软雅黑";
            }

        body iframe {
            border: none;
        }

        #header > b, .returnTackHeader b {
            width: 25px;
            height: 25px;
            border-radius: 50%;
            background: #fff;
            margin: 12px;
            float: left;
            text-align: center;
            color: rgb(192, 193, 204);
            line-height: 25px;
        }

        #topContentDiv i.topContentDiv-i {
            display: block;
            width: 33px;
            height: 22px;
            background-size: 80%;
            position: absolute;
            top: 56px;
            left: 50px;
            margin-left: auto !important;
            margin-right: auto !important;
        }

        .navbars {
            position: fixed;
            float: left;
            width: 18%;
            height: 500px;
            overflow: hidden;
        }

            .navbars .s {
                overflow-y: auto;
                scrollbar-face-color: #fff;
            }

            .navbars i {
                display: block;
                width: 64px;
                height: 30px;
                background: url("Scripts/bootstrap/css/img/arrow.png") no-repeat -75px 4px;
                margin: 0px auto;
            }

                .navbars i:hover {
                    background: url("Scripts/bootstrap/css/img/arrow.png") no-repeat 0px 4px;
                }

                .navbars i.bottom, .navbars i.bottom_disabled {
                    background: url("Scripts/bootstrap/css/img/arrow.png") no-repeat -75px -42px;
                }

                    .navbars i.bottom:hover, .navbars i.bottom_disabled:hover {
                        background: url("Scripts/bootstrap/css/img/arrow.png") no-repeat 0px -42px;
                    }

        ::-webkit-scrollbar-thumb {
            background-color: #fff;
            border: none;
        }

        ::-webkit-scrollbar {
            width: 0px;
            height: 0px;
        }

        .input-group .input-group-addon {
            border: none;
            background: #F1F1F2;
        }
        
        .input-group-addon 
        {
            float:left;
            width:36px;
            height:28px;
            margin-top:1px;
        }
        
        .input-group input {
            float:left;
        }

        #divCurrentForm {
            float: none;
            width: auto;
        }

        input[type=text], select, textarea, iframe[src*="AttachmentUpload.aspx"] {
            margin: 4px 0px !important;
        }
    </style>

    <style type="text/css">
    div.richText
    {
        min-height:40px;
		border: 1px solid #d4d4d4;
		cursor:text;
		padding:0 10px 0;		
		overflow:auto;
		word-wrap:break-word;
		box-shadow: 2px 2px 5px #d3d6da;
		background-color: #fff;
	}
    </style>

    <!--杨玉慧 -->
    <script type="text/javascript">

        $(function () {

            initPageParam(); //初始化参数.

            //构造表单.
            GenerFrm(); //表单数据.

            if (parent != null && parent.document.getElementById('MainFrames') != undefined) {
                //计算高度，展示滚动条
                var height = $(parent.document.getElementById('MainFrames')).height() - 110;
                $('#topContentDiv').height(height);

                $(window).resize(function () {
                    $("#CCForm").height($(window).height() - 150 + "px").css("overflow-y", "auto").css("scrollbar-face-color", "#fff"); ;
                });
            }
            else {
                //新加
                //计算高度，展示滚动条
                var height = $("#CCForm").height($(window).height() - 150 + "px").css("overflow-y", "auto").css("scrollbar-face-color", "#fff");
                $('#topContentDiv').height(height);

                $(window).resize(function () {
                    $("#CCForm").height($(window).height() - 150 + "px").css("overflow-y", "auto").css("scrollbar-face-color", "#fff"); ;
                });
            }
            function movetb() {
                var move;
                $("#nav").css("top", top);
            }
            $('#btnCloseMsg').bind('click', function () {
                $('.Message').hide();
            });
        })
    </script>

     <!--JS 加载-->
    <script type="text/javascript">
        var load = {};
        /*JS 动态加载js 文件*/
        load.LoadJs = function (jsPath, chartset, callbackfun) {

            try {
                var head = document.getElementsByTagName('head')[0];
                var script = document.createElement('script');
                script.src = jsPath + "?Version=" + Math.random();
                script.type = 'text/javascript';
                if (chartset != undefined) {
                    script.chartset = chartset;
                }

                if (script.readyState) {
                    script.onreadystatechange = function () {
                        if (script.readyState == "loaded" || script.readyState == "complete") {
                            script.onreadystatechange = null;
                            if (callbackfun != undefined && typeof (callbackfun) == 'function') {
                                callbackfun();
                            }
                        }
                    }
                } else {
                    script.onload = function () {
                        if (callbackfun != undefined && typeof (callbackfun) == 'function') {
                            callbackfun();
                        }
                    }
                }
                head.appendChild(script);
            }
            catch (err) {
                alert(err)
            }
            //$.getScript(jsPath, callbackfun);
        }

        /*js 和CSS 的版本号*/
        load.Version = '0412145201';
        //使用随机数作为版本号，保证每次加载的config.js 都是最新的，其余的通过公共函数加载，带入版本号，更新版本号即更新文件
        $.getScript("../Scripts/config.js?Version=" + Math.random(), function () {
            load.LoadJs("../Scripts/commonYangYH.js", undefined, function () {
                load.LoadJs('../CCForm/MapExt2016.js', undefined, function () {
                    load.LoadJs('Gener.js', undefined, function () {
                        //                        load.LoadJs('FrmFoolReadonly.js', undefined, function () {
                        //                        })
                    })
                })
            })
        });
    </script>
</head>
<body>

     <div id="Btn" >
         <input type="button" value="保存" id="Btn_Save" onclick="Save()" />
         <input type="button" value="删除" id="Btn_Delete" onclick="Save()" />
         <input type="button" value="关闭" id="Btn_Close" onclick="Save()" />
     </div>

    <div id="divCurrentForm" style="background: #E3E7F4; position: relative;">
        
        <!--上半部分表单-->
        <div id="topContentDiv" class="row" style="padding: 20px 5px;margin:0px auto;">
            <i class="topContentDiv-i" style="display:none;"></i>
            <div id="contentDiv">
                <form id="divCCForm"  method="post">
                    
                    <div id="CCForm" style="">
                        <br />
                        <img src='./../Img/loading.gif' />正在初始化表单模板及数据，请耐心等待。。。
                        <br />
                        <br />
                    </div>

                </form>
            </div>
        </div>
    </div>
     
    
</body>
</html>
